﻿<DemoPageSectionComponent Id="Navigation-Menu-Adaptivity" ShowSizeMode="true">
    <ChildContentWithParameters Context="Params">
        <DemoResizableContent MinWidth="200">
            <DxMenu Title="DevExpress"
                    CollapseItemsToHamburgerMenu="true"
                    CollapseItemToIconMode="MenuCollapseItemToIconMode.Sequentially"
                    DisplayMode="MenuDisplayMode.Desktop"
                    SizeMode="@Params.SizeMode">
                <Items>
                    <DxMenuItem Text="Home" IconCssClass="menu-icon-home menu-icon">
                        <Items>
                            <DxMenuItem Text="News">
                                <Items>
                                    <DxMenuItem Text="Explore our newest features" />
                                    <DxMenuItem Text="Website news" />
                                </Items>
                            </DxMenuItem>
                            <DxMenuItem Text="Our Mission" />
                            <DxMenuItem Text="Our Customers" />
                        </Items>
                    </DxMenuItem>
                    <DxMenuItem Text="Components" IconCssClass="menu-icon-products menu-icon">
                        <Items>
                            <DxMenuItem Text="Blazor" />
                            <DxMenuItem Text="ASP.NET MVC" />
                            <DxMenuItem Text="ASP.NET Web Forms" />
                            <DxMenuItem Text="ASP.NET Core" />
                            <DxMenuItem Text="Bootstrap Web Forms" />
                        </Items>
                    </DxMenuItem>
                    <DxMenuItem Text="Support" IconCssClass="menu-icon-support menu-icon">
                        <Items>
                            <DxMenuItem Text="Getting Started" />
                            <DxMenuItem Text="Documentation" />
                            <DxMenuItem Text="Support Center" />
                            <DxMenuItem Text="Code Examples" />
                            <DxMenuItem Text="Blogs" />
                        </Items>
                    </DxMenuItem>
                    <DxMenuItem Text="Contacts" IconCssClass="menu-icon-contacts menu-icon" />
                    <DxMenuItem Text="About" IconCssClass="menu-icon-about menu-icon" />
                </Items>
            </DxMenu>
        </DemoResizableContent>
    </ChildContentWithParameters>
</DemoPageSectionComponent>
